<template>
  <van-grid :column-num="5" >
    <van-grid-item center>
      <van-checkbox :name="item.name" :value="item.value" style="height: 50px">
        <template #icon="props">
          <div class="function">
            <img
              class="img-icon"
              :src="props.checked ? item.activeIcon : item.inactiveIcon"
            />
            <span>{{ item.value }}</span>
          </div>
        </template>
      </van-checkbox>
    </van-grid-item>
  </van-grid>
</template>

<script>
export default {
  props: {
    item: Object,
  },
};
</script>

<style>

</style>
